<!DOCTYPE html>
<html class="x-admin-sm">
<head>
  <meta charset="UTF-8">
  <title>欢迎页面-X-admin2.2</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="__STATIC__/css/font.css">
  <link rel="stylesheet" href="__STATIC__/css/xadmin.css">
  <script src="__STATIC__/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="__STATIC__/js/xadmin.js"></script>

  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
  <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
    <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-body ">
          <form class="layui-form layui-col-space5">
            <div class="layui-inline layui-show-xs-block">
              <input type="text" name="name" value="{$Request.param.name}" placeholder="请输入姓名" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-inline layui-show-xs-block">
              <select name="school_id" class="layui-input" lay-filter="school" id="school" style="width: 250px;">
                <option value="">选择学校</option>
                {foreach name="school" item="v"}
                <option value="{$v.id}" {if $v.id == $Request.param.school_id} selected {/if} >{$v.school_name}</option>
                {/foreach}
              </select>
            </div>
            <div class="layui-inline layui-show-xs-block">
              <select name="major_id" class="layui-input" id="major" lay-filter="major" style="width: 250px;">
                <option value="">选择专业</option>
                {foreach name="classroom" item="vo"}
                <option value="{$vo.id}" {if $vo.id == $Request.param.major_id} selected {/if} >{$vo.major_name}</option>
                {/foreach}
              </select>
            </div>
              <div class="layui-inline layui-show-xs-block">
                <select name="class_id" lay-filter="class" class="layui-input" id="class" style="width: 250px;">
                  <option value="">选择班级</option>
                  {foreach name="classes" item="vo"}
                  <option value="{$vo.id}" {if $vo.id == $Request.param.class_id} selected {/if} >{$vo.class_name}</option>
                  {/foreach}
                </select>
              </div>
              <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn"><i class="layui-icon">&#xe615;</i></button>
                <a href="{:url('student/index')}" class="layui-btn layui-btn-primary">重置</a>
              </div>
            </form>
          </div>
            <div class="layui-card-header">
              <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
              <a onclick="xadmin.open('添加学生', '{:url("Student/add")}', 800, 600)" class="layui-btn"><i class="layui-icon"></i>添加</a>
              <a href="{:url('Student/exportExcel')}"class="layui-btn"><i class="layui-icon layui-icon-export"></i>导出Excel</a>
              <button type="button" class="layui-btn" id="Excel">导入Excel</button>
          </div>

          <div class="layui-card-body ">
            <table class="layui-table layui-form">
              <thead>
              <tr>
                <th>
                  <input type="checkbox" lay-filter="chooseAll"  lay-skin="primary">
                </th>
                <th>ID</th>
                <th>照片</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>身份证号</th>
                <th>家庭住址</th>
                <th>所在班级</th>
                <th>所在专业</th>
                <th>所在学校</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody>
              {foreach name="data" item="v"}
              <tr>
                <td>
                  <input type="checkbox" name="ids" value="{$v.id}" lay-skin="primary">
                </td>
                <td>{$v.id}
                <td><img src ="{$v.image}"width="50px"/></td>
                <td>{$v.name}</td>
                <td>
                    {switch name="$v.sex"}
                        {case value="1"}男{/case}
                        {case value="2"}女{/case}
                    {/switch}
                </td>
                <td>{$v.age}</td>
                <td>{$v.idcard}</td>
                <td>{$v.address}</td>
                <td>{$v.class_name}</td>
                <td>{$v.major_name}</td>
                <td>{$v.school_name}</td>
                <td class="td-manage">
                  <a title="编辑" href="{:url('student/edit')}?id={$v.id}";">
                  <i class="layui-icon">&#xe642;</i>
                  </a>
                  <a title="删除-Ajax" onclick="school_del(this,'{$v.id}')" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                  </a>
                </td>
              </tr>
              {/foreach}
              </tbody>
            </table>
          </div>
        <div class="layui-card-body ">
          <div class="page">
            {$page}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script>
  layui.use(['laydate','upload','form'], function(){
    var laydate = layui.laydate;
    var form = layui.form;
    var upload = layui.upload;
    //导入
    var uploadInst = upload.render({
      elem: '#Excel' //绑定元素
      , url: "{:url('Student/Excel_export')}" //上传接口
      , accept: 'file'//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
      , done: function (res) {
        layer.msg('共有'+res.success+'条数据插入成功');
        setTimeout(function () {
          //关闭当前frame
          xadmin.close();
          // 可以对父窗口进行刷新
          xadmin.father_reload();
        }, 500);
      }
      , error: function () {
        layer.msg('请求失败');
      }
    })
    //专业
    form.on('select(school)',function(data){
      //ajax
      $.ajax({
        url:'{:url("student/Get_major")}',
        data: {
          school_id:data.value
        },
        success: function (r) {
          $('#major').html(r);
          form.render();
        },
        error: function () {
          alert('数据获取失败！');
        }
      });
    });
    //班级
    form.on('select(major)',function(data){
      //ajax
      $.ajax({
        url:'{:url("student/Get_class")}',
        data: {
          major_id:data.value
        },
        success: function (r) {
          $('#class').html(r);
          form.render();
        },
        error: function () {
          alert('数据获取失败！');
        }
      });
    });
  //全选
    form.on('checkbox(chooseAll)',function(data){
        var child = $("table input[type='checkbox']");
        child.each(function(index,item){
          item.checked = data.elem.checked;
        });
        form.render('checkbox');
    });
  });

  /*用户-删除*/
  function school_del(obj,id){
    layer.confirm('确认要删除吗？',function(index){
      //发异步删除数据
      /*学校-ajax删除*/
          $.ajax({
            url:'{:url("student/delByAjax")}',
            data:{
              id:id
            },
            success:function(res){
              if(res.code==1){
                $(obj).parents("tr").remove();
                layer.msg(res.msg , {icon: 1, time: 1000});
              }else{
                layer.msg(res.msg , {icon: 2, time: 1000});
              }
            },error:function(){
              layer.msg('请求失败' , {icon: 2, time: 1000});
            }
          });
        });
  }

  // 批量删除
  function delAll () {
    layer.confirm('确认要删除吗？', function () {
      // 定义空数组，用于存放所有选中的复选的值
      var arr_box = [];
      // 选中 input ，再选中 checkbox 类型， 再选 name=ids 的，再选勾选的
      $("input:checkbox[name='ids']:checked").each(function() {
        // 循环，将选中的复选框的值放到事先定义好的数组中
        arr_box.push($(this).val());
      });

      $.ajax({
        url: "{:url('Student/deleteByAjax')}",
        data: {
          ids: arr_box
        },
        success: function (res) {
          if (res.code == 1) {
            $("input:checkbox[name='ids']:checked").not('.header').parents('tr').remove();
            layer.msg(res.msg, {icon: 1, time: 2000});
          } else {
            layer.msg(res.msg, {icon: 2, time: 2000});
          }
        },
        error: function () {
          layer.msg('请求失败', {icon: 2, time: 2000});
        }
      });

    });

  }

</script>
<script>var _hmt = _hmt || []; (function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();</script>
</html>